<template>
  <view style="background: #F4F6FA;height: 93.3vh;">
    <view class="twoContent">
      <view class="contentTitle">解决方案</view>
      <view v-for="item,index in data">
        <view class="listItem">
          <view>
            <view style="font-size: 28rpx;color: #262626;font-weight: 700;">{{item.title}}</view>
            <view style="font-size: 28rpx;color: #000000;"
              v-if="upOrDown[index]">{{item.content}}</view>
          </view>
          <view v-if="upOrDown[index]"
            @click="onUp(index)">
            <uni-icons type="up"
              size="30"></uni-icons>
          </view>

          <view v-else
            @click="onDown(index)">
            <uni-icons type="down"
              size="30"></uni-icons>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup
  lang="ts">
  import { ref } from "vue"
  import { onLoad } from "@dcloudio/uni-app"
  const selectId=ref(1)
  const isShow = ref(0)
  onLoad((options) => {
    isShow.value = options.id
    // console.log(options.id)
  })
  const data=ref([])

  const listData = ref([
    { title: "1.如何设置/修改登录密码或者支付密码？", content: '您可以通过宜趣多资app点击右下角的“我的”进入到个人中心页面，再点击右上角的“设置图标”按钮进入到账户设置中心，再点击“账号安全”即可选择“设置/修改登录密码”或者“设置/修改支付密码' },
    { title: "2.忘记密码怎么办？", content: '在登录界面点击“忘记密码”，通过绑定的手机号码接收验证码重置密码；或者选择使用已经绑定第三方社交账号直接登录。' },
  ])
  
  const listData2=ref([
	  {title:"1.如何添加好友？",content:'打开宜趣多资app主页，点击右上角的加号按钮，可以选择搜索手机号码/用户昵称、扫描二维码等方式来添加好友'},
	  {title:"2.如何开店/如何出售自己的产品/技能/服务？",content:'主页→赚钱开店→去开通→选择适合自己的类型（1.个人小店用身份证实名开2.机构/企业/公司/商家等实名认证+营业执照认证后开通）→提交相关资料以后一般需要1-3个工作日由平台审核→请留意消息提醒。如审核不通过，请按照平台要求修改资料后再次提交申请。'},
	  {title:"3.怎样发布动态？",content:'①主界面底部有“发布”按钮，点击后选择“发布”→点击左下角“切换”→选择“发墙墙”，然后按照指引上传图片/视频并填写文字描述，最后“发布”即可。②墙墙大厅→点击“➕”号，然后按照指引上传图片/视频并填写文字描述，最后“发布”即可。'},
	  {title:"4.找不到某项功能怎么办？",content:'如果遇到找不到的功能，建议先查看最新版本的应用说明文档或官方FAQ页面。也可以联系在线客服寻求帮助'},
	  {title:"5.如何获得分红收益？",content:'①团队分红：通过您邀请其他用户注册下载宜趣多资app以后，该用户会成为您的团队成员，该成员通过平台“赚钱开店”/“生活服务”等进行交易，您都会获得相应等级的分红收益。'
		+'②墙墙分红：通过浏览墙墙/或者打赏墙墙内容，可以获得积分，平台每天会拿出部分收益通过每个用户的积分比例进行分红，积分越高，比例越大，获取的分红越多。'
		+'（每打赏10钻石可以获得1积分，无上限；'
		+'每浏览一分钟墙墙可以获得1积分，每日上限240积分。每个积分有效期为180天，到期后由系统回收'},
	 {title:"6.关于保证金的问题",content:'①为什么要缴纳保证金？'
	+'**信用担保**：保证金是商家与电商平台之间的一种信用担保方式，目的是确保商家履行合同义务、遵守平台规则，维护电商市场的秩序。'
	+'**保障消费者权益**：在发生交易纠纷时，平台可以从保证金中扣除相应金额进行赔付，保障消费者的合法权益。'
	+'**约束商家行为**：保证金可以约束商家的经营行为，防止不良商家利用平台进行欺诈或进行其它违规行为。'
	+'**提高商家信誉**：缴纳保证金的商家在平台上会获得更高的信任度，增加商品的曝光率和销售机会，提升成交量。'
	+'**灵活的运营策略**：平台会根据商家的信用行为、交易行为等实际情况调整保证金金额，既减轻了商家的负担，又激励商家提高经营水平。'

	+'②保证金金额是多少？'
	+'根据商家经营的不同类目，交易行为（服务、售后、纠纷等），信用分变化等保证金起止线会有所不同。'

	+'③保证金可以多缴纳一些吗？'
	+'多缴纳保证金存在一定好处，可以增强用户信任，证明商家实力，获取更多平台资源扶持等，用户可以通过点击→保证金→充值/补缴，从而管理保证金额度。'

	+'④不缴纳保证金会有哪些影响？'
	+'**店铺运营受限**：未缴纳保证金的店铺可能会受到功能限制，如无法发布某些类目的商品、无法使用某些营销工具等，这将直接影响店铺的正常运营和销售。'
	+'**交易额受限**未缴纳保证金的用户每日交易额有上限，可能会导致您无法正常经营或者接单。'
	+'**搜索排名下降**：平台通常会优先展示已缴纳保证金的店铺和商品，未缴纳保证金的店铺在搜索结果中的排名会相对较低，导致曝光机会减少，流量和销量受到影响。'
	+'**信用度和信任度降低**：不缴纳保证金会影响店铺的信用评级和消费者信任度，买家可能会因为担心售后保障问题而犹豫购买，进而影响店铺的转化率和长期发展。'
	+'**参与活动受限**：许多电商平台会限制未缴纳保证金的店铺参与促销活动，如“双十一”、“618”等大促活动，错失提升销量和品牌知名度的机会。'
	+'**法律和平台处罚**：长期不按平台管理缴纳保证金或故意拖欠保证金的商家，平台有权采取法律手段追究责任，甚至可能面临店铺被封禁的风险。'
	+'⑤保证金可以退回吗？'},
	  {title:"7.关于平台手续费/服务费",content:'平台会收取一定手续费用于维护平台运营管理、用户分红、公益项目、以及支付第三方手续费和第三方服务费等。受服务项目、活动规则、法律政策、第三方收费标准变动等各种因素影响，平台可能会进行费率调控'},
	  {title:"8.如何上头条？",content:'点击想要推广的对应墙墙内容右下角的“…”，点击“上头条”→金额＞当前头条金额即可上头条。'},
	  {title:"9.如何上热门？",content:'点击想要推广的对应墙墙内容右下角的“…”，点击“上热门”→选择“全国”/“本地”，设置推广力度即可'},
	  {title:"10.如何推广商品/服务？",content:'在“赚钱开店”界面点击“商品管理”，找到需要推广的商品/服务，点击“上广告”，设置推广力度即可。'},
	  {title:"11.商家如何获取更多运营扶持？",content:'*请联系我们的客服团队，会免费为您分配官方运营人员，免费协助您更好的运营管理店铺。'}
  ])
  
  const listData3=ref([
  	  {title:"1. 支持哪些支付方式？",content:'目前我们支持主流的支付渠道，包括但不限于支付宝、微信支付等。具体可用选项可能会因地区而异，请以实际操作为准。'},
  	  {title:"2. 如何确保交易安全？",content:'我们采用先进的加密技术和严格的隐私保护措施来保障用户的资金和信息安全。同时，在进行任何付款前，请务必仔细核对收款方信息，并开启双重认证服务以提高账户安全性。'},
  ])
  
  const listData4=ref([
  	  {title:"1. 遇到Bug怎么反馈？",content:'可以通过应用内的“我的-帮助中心-意见反馈”路径提交问题报告，提供详细的错误描述和截图有助于技术人员更快地定位问题并给出解决方案。希望以上整理能解决您在使用过程中遇到的问题。如果您还有其他疑问，欢迎随时联系我们的客服团队！'},
  ])
  
  const upOrDown = ref<boolean[]>([]);
  const onUp = (n : number) => {
    upOrDown.value[n] = false
  }
  const onDown = (n : number) => {
    upOrDown.value[n] = true
  }
  
  onLoad((option)=>{
  	selectId.value=option.id
	if(selectId.value==1){
		data.value=listData.value
	}else if(selectId.value==2){
		data.value=listData2.value
	}else if(selectId.value==3){
		data.value=listData3.value
	}else if(selectId.value==4){
		data.value=listData4.value
	}
  })
  
</script>

<style lang="scss"
  scoped>
  .twoContent {
    width: 702rpx;
    background: #FFFFFF;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    padding: 24rpx;
    margin: 0 auto;
  }

  .contentTitle {
    font-size: 32rpx;
    color: #262626;
    font-weight: 700;
    margin-bottom: 2vw;
  }


  .listItem {
    padding: 1vh;
    margin: 3vw 0;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    background: #f7f7f7;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
</style>